<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Books Map</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAgsveDUsE7-OTBGXwZZA9ABS8SCRWcNlKT3_Z2Zhl70GAtBHKPhTcj2h3C5hhUHOwgEu1Nk7UmqMZEg&sensor=false"
            type="text/javascript" charset="utf-8"></script>
    <script src="javascripts/booksmap-calc.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="css/booksmap.css" />
	<link rel="stylesheet" type="text/css" href="css/dialog.css" />
  </head>

  <body onload='booksmap.init("spliter-area", "map-canvas-area", "searchbox-area", "loader-img")' onunload="GUnload()">
	<div id="title-area">Books Map <small>(test 2009.11.16)</small></div>
	<div id="search-area">
	  <form action="#">
		<input type="text" id="search-keyword"></input>
		<input type="button" value="検索" onclick="booksmap.controller.onSearchByKeyword(document.getElementById('search-keyword').value)"></input>
	  </form>
	</div>
	<div id="menubar-area">
	  &nbsp;<img src="img/loader.gif" style="visibility:hidden" id="loader-img"/>
	  &nbsp;<a class="menu-button" onclick="booksmap.controller.onAbout()">ベストセラー</a>
	  &nbsp;<a class="menu-button" onclick="booksmap.controller.onAbout()">新刊</a>
	  &nbsp;<a class="menu-button" onclick="booksmap.controller.onAbout()">ヘルプ</a>
	</div>
	<div class="goog-splitpane" id="spliter-area">
	  <div class="goog-splitpane-first-container" id="searchbox-area"></div>
      <div class="goog-splitpane-second-container" id="map-canvas-area"></div>	  
      <div class="goog-splitpane-handle"></div>
	</div>
  </body>
</html>
